<template>
<div style="background:#f5f5f5;padding:40px 0 70px 0">
    <div style="width:1200px;margin:0 auto;">
        <h3 style="text-align:center;font-size:28px;padding:15px 0;font-weight:100;color:#333333">我们找遍全世界，只为让你更美丽</h3>
        <el-row class="mainTopList">
            <el-col :span="6"><div class="grid-content bg-purple">
                <div>
                    <img src="../../images/officalPic/chanpin.png" alt="">
                </div>
                
                <span style="color:#05C0E9">产品中心</span>
                </div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple-light">
                <div>
                    <img src="../../images/officalPic/jiejue.png" alt="">
                </div>               
                <span style="color:#FE9F29">解决方案</span>
                </div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple">
                <div>
                    <img src="../../images/officalPic/daili.png" alt="">
                </div>
                
                <span style="color:#4FCBAF">加盟代理</span>
                </div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple-light">
                <div>
                    <img src="../../images/officalPic/aboutUs.png" alt="">
                </div>              
                <span style="color:#C856E2">关于我们</span>
                </div></el-col>
        </el-row>
    </div>
</div>
    
</template>

<script>
export default {
  name: "mainTop",
  data() {
    return {};
  },
  props: ["partners"]
};
</script>

<style scoped lang="scss">
.mainTopList {
  margin-top: 80px;
  .el-col {
    height: 105px;
    text-align: center;
    .grid-content {
      div {
        height: 80px;
      }
    }
    span {
      display: block;
      font-size: 18px;
    }
  }
}
</style>
